<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="res/push.js"></script>
<link rel="shortcut icon" type="image/ico"
	href="https://www.sq688.com/favicon.ico">
<meta name="applicable-device" content="pc">
<meta name="mobile-agent"
	content="format=html5;url=https://m.sq688.com/detail/3.html">
<link rel="alternate" media="only screen and(max-width: 800px)"
	href="https://m.sq688.com/detail/3.html">
<title>网愈云喜欢</title>
<link rel="stylesheet" type="text/css" href="res/main.css">
<link rel="stylesheet" type="text/css" href="res/font-awesome.css">
<script type="text/javascript" src="js/axios.js"></script>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript" src="js/jquery-3.5.1.js"></script>
<script type="text/javascript" src="js/Popup.js"></script>
<script type="text/javascript">
        //注意：导航 依赖 element 模块，否则无法进行功能性操作
        layui.use('element', function () {
            var element = layui.element;

            //…
        });
    </script>
</head>
<body>
	<div id="header" class="header">
		<div class="warp" id="main">
			<div class="logo">
				<h1>网愈云音乐</h1>
			</div>
			<ul class="menu"style="color: #0C0C0C" >
				<li style="color: #0C0C0C"><a style="color: #0C0C0C" href="index.html" class="cur">首页</a></li>
				<li style="color: #0C0C0C"><a style="color: #0C0C0C" href="singer.html#华语男歌手">华语男歌手</a></li>
				<li style="color: #0C0C0C"><a style="color: #0C0C0C"href="singer.html#华语女歌手">华语女歌手</a></li>
				<li style="color: #0C0C0C"><a style="color: #0C0C0C" href="singer.html#华语乐队">华语乐队</a></li>
				<li style="color: #0C0C0C"><a style="color: #0C0C0C" href="singer.html#欧美歌手">欧美歌手</a></li>
				<li style="color: #0C0C0C"><a style="color: #0C0C0C" href="singer.html#日韩歌手">日韩歌手</a></li>
				<li style="color: #0C0C0C"><a style="color: #0C0C0C" href="singer.html#专辑合集">专辑合集</a></li>
				<li style="color: #0C0C0C"><a style="color: #0C0C0C" href="share.html">网友分享</a></li>

			</ul>
			<div class="users">
				<div>
					<ul class="layui-nav">
						<li class="layui-nav-item"><a href=""><img
								:src="user.head" class="layui-nav-img"></a>
							<dl class="layui-nav-child">
								<dd>
									<a href="member.html" style="color: #0C0C0C">个人中心</a>
								</dd>
								<dd>
									<a href="javascript:;" style="color: #0C0C0C">修改密码</a>
								</dd>
								<dd>
									<a href="vip.html" style="color: #0C0C0C">会员中心</a>
								</dd>
								<dd>
									<a href="" style="color: #0C0C0C">退出登录</a>
								</dd>
							</dl></li>
					</ul>
				</div>
			</div>
		</div>


		<div class="search-bar">
			<div class="bar">
				<div class="wrp">

					<div class="clear"></div>
				</div>
			</div>
		</div>


	</div>







	<div class="detail">
		<div class="swarp">


			<!--right-->
			<div class="srt">
				<div class="ww">
					<div id="details" class="avt">
						<img :src="listuser[0].head" class="avt ">

					</div>
					<div class="det">
						<h2>{{listuser[0].nickname}}喜欢的音乐</h2>
						<p>
							<span>{{listuser[0].nickname}}</span>
						</p>
						<p>
							<span>创建时间:{{listuser[0].create_time}}</span>
						</p>

					</div>

					<div class="clear"></div>
				</div>

				<div class="song">
					<div class="head">
						<i class="leline"></i> {{listuser[0].nickname}} 收藏歌单
					</div>
					<table class="songlist" border="0" cellpadding="0" cellspacing="0">
						<tbody>
							<tr>
								<!-- <th style="width: 40%; padding-left: 8px;">歌曲名称</th> -->
								<th></th>
								<th>歌名</th>
								<th>歌手</th>
								<th>收藏时间</th>
								<th>网愈云在线</th>
								<th>操作</th>
								<th>!</th>
							</tr>
							<tr v-for="(s,i) in list">
								<td style="padding-left: 8px;"><a href="#" target="_blank"
									class="st">{{i+1}}</a></td>
								<td><a
									:href=" 'download.html?name='+(s.singername)+'#'+s.songname"
									target="_blank" class="st">{{s.songname}}</a></td>
								<td><span class="songstype">{{s.singername}}</span></td>
								<td>{{s.cstime}}</td>
								<td style="width: 260" v-html="s.bofang_url"></td>
								<td>
									<button type="button" @click="del(s.songname,s.singername)">删除</button>
								</td>
							</tr>
						</tbody>
					</table>
					<input type="hidden" id="id" value="3">
				</div>
			</div>



		</div>


		<div class="clear"></div>
	</div>
	<script type="text/javascript">
	var v=new Vue({
		el:".detail",
		data:{
			list:[],
			listly:[],
			listuser:[],
		
		},
		created(){
			axios.get("downloadbutton.s?op=queryscinfo").then(res=>{
				this.list=res.data;
			});
			axios.get("downloadbutton.s?op=queryuserinfo").then(res=>{
				this.listuser=res.data;
			});
			axios.get("detail.s?op=queryly").then(res=>{
				this.listly=res.data;
			});
		},
		methods:{
			del: function(m,s){
				axios.post("downloadbutton.s?op=deletesongs&singername="+s+"&songname="+m).then(res=>{
						alert(res.data);	
						window.location.reload();
				});
			}
		},
		
	});
	
	
	</script>


	<script type="text/javascript">
    var v=new Vue({
    	el:".header",
    	data:{
    		listtype:[],
 			info:"",
 			 user: {
                 id: 0,
                 name: "",
                 nickname: "",
                 pwd: "",
                 phone: "",
                 email: "",
                 qq: "",
                 head: "",
                 rank: "",
                 glod: "",
                 create_time: ""
             },
             isVip: false,
    	},
    	 created() {          
    		axios.get("xuanran.s?op=querysingertype").then(res=>{
    			this.listtype=res.data;
    		});
    		
    		 var url = "user.do?op=queryUser"
    	            axios.get(url).then((res) => {
    	                if (res.data === "请先登录 !") {
    	                    gotoLogin();
    	                }
    	                this.user = res.data;
    	            });
    	            axios.get("user.do?op=isVip").then((res) => {
    	                if (res.data === "0") {
    	                    this.isVip = true;
    	                }else {
    	                    alertMyVip()
    	                }
    	            });
        },
    });
    </script>

	<div class="footer">
		<div class="warp">
			Copyright 2015-2018 SQ688.com 超高无损音乐<br>本站所有数据均系网友搜集自互联网后分享,本站服务器不存储任何音乐文件,也无意侵犯您的版权,如若任何人声称是任何音乐的版权所有人,请联系sqshangwu@gmail.com,本站会尽快删除,<br>郑重声明本站旨在无损音乐交流分享,不与任何淘宝店铺或机构合作参与任何形式的获利行为,敬请网友注意谨防受骗!
			<br> 桂ICP备13001859号-4
			<script type="text/javascript" src="res/z_stat.php"></script>
			<script src="res/core.php" charset="utf-8" type="text/javascript"></script>
			<a href="https://www.cnzz.com/stat/website.php?web_id=1277751974"
				target="_blank" title="站长统计">站长统计</a> <br>
			本站唯一QQ群(892306409)欢迎各大音乐爱好者加入 <a target="_blank"
				href="https://shang.qq.com/wpa/qunwpa?idkey=40edf9935a8deb7a8eeb6e93853111156fb280203fb799c7d11471aea22304fb">
				<img border="0" src="res/group.png" alt="超高无损音乐|SQ688"
				title="超高无损音乐|SQ688">
			</a>
		</div>
	</div>
	<!--页面脚本-->

</body>
</html>